<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>预览DEMO</title>
     <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/materialdesignicons.min.css">
    <link rel="stylesheet" href="css/index.css">
     <script src="js/jquery-1.10.2.min.js"></script>
     <script src="js/bootstrap/js/bootstrap.min.js"></script>
     <script src="js/index.js"></script>
</head>
<body>
<div class="form-main">
    <div class="form-title">表单标题</div>
    <div id="app">

    </div>
</div>
</body>
<script>
    //type:preview->预览模式|design->设计模式
    $.formDesign.build({ el: '#app', height: '600px',type:"preview",
        "data":{"form_id":7,"config":{"align":"1","rand":"1"},"topics":[{"id":18,"name":"单选框","options":[{"label":"选项1","value":0},{"label":"选项1","value":1}],"rand":0,"required":0,"type":"radio"},{"id":14,"name":"时间框","required":0,"type":"date"},{"id":13,"name":"单选框","options":[{"label":"radio-a","value":"0"},{"label":"radio-b","value":"1"}],"rand":"1","required":0,"type":"radio"},{"id":20,"name":"下拉选择框","options":[{"label":"选项1","value":0},{"label":"选项1","value":1}],"required":0,"type":"select"},{"id":17,"name":"多选框","options":[{"label":"选项1","value":0},{"label":"选项1","value":1}],"rand":0,"required":0,"type":"checkbox"},{"id":19,"name":"单选框","options":[{"label":"选项1","value":0},{"label":"选项1","value":1}],"rand":0,"required":0,"type":"radio"},{"id":21,"name":"时间框","required":0,"type":"date"},{"check":"num","id":10,"name":"文本框","placeholder":"","required":"1","type":"text"},{"id":11,"name":"下拉选择框","options":[{"label":"a","value":"0"},{"label":"b","value":"1"}],"required":0,"type":"select"},{"check":"","id":12,"name":"文本框","placeholder":"","required":0,"type":"text"},{"id":22,"name":"多选框","options":[{"label":"选项1","value":0},{"label":"选项1","value":1}],"rand":0,"required":0,"type":"checkbox"}],"type":1,"form_name":"今天吃点什么？"}
    })
</script>
</html>
